import style from './style.less';
import React from 'react';
export const Freeze  = (props)=>{
    let mystyle = props.style||{};
    return(
        <div   {...props} className = {style.block} style = {{...mystyle,position:'relative',border:'1px solid #0599fc',marginBottom:5,marginTop:5}}>    
            <div style = {{position:'absolute',width:30,height:30,left:'-3px',top:'-3px',borderLeft:'3px solid #0599fc',borderTop:'3px solid #0599fc'}}/>
            <div style = {{position:'absolute',width:30,height:30,left:'-3px',bottom:'-3px',borderLeft:'3px solid #0599fc',borderBottom:'3px solid #0599fc'}}/>
            <div style = {{position:'absolute',width:30,height:30,right:'-3px',top:'-3px',borderRight:'3px solid #0599fc',borderTop:'3px solid #0599fc'}}/>
            <div style = {{position:'absolute',width:30,height:30,right:'-3px',bottom:'-3px',borderRight:'3px solid #0599fc',borderBottom:'3px solid #0599fc'}}/>
            {props.children}
        </div>
    )
}